<!DOCTYPE html>
<html lang="en">
  <head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>
            知识体系
        </title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="">
		<meta name="author" content="">
        <link href="css/bootstrap.min.css" rel="stylesheet" />
        <link href="css/dashboard.css" rel="stylesheet" />
        <script src="js/jquery-2.1.3.min.js">
        </script>
        <script src="js/bootstrap.min.js">
        </script>
        <script src="js/Chart.min.js">
        </script>
        <link rel="stylesheet" type="text/css" href="css/knowledge-tree.css" />
        <script type="text/javascript" src="js/knowledge-tree.js"></script>
		<script>
		<!--添加父类信息-->
		function addParent(){
			
		}
		<!--添加子类信息-->
		function addChild(){
			var test=$(this).attr("value");
			//判断父类是否选中
		}
		</script>
    </head>
    
    <body>
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">
                        Content Center
                    </a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="#">
                                客户链接
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                公司网址
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                退出
                            </a>
                        </li>
                    </ul>
                    <form class="navbar-form navbar-right">
                        <select class="form-control">
                            <option>
                                全部内容范围
                            </option>
                            <option>
                                WBT
                            </option>
                            <option>
                                SBT
                            </option>
                            <option>
                                拆装保养
                            </option>
                            <option>
                                软教具
                            </option>
                            <option>
                                试题
                            </option>
                            <option>
                                测评
                            </option>
                            <option>
                                其他
                            </option>
                        </select>
                        <input type="text" class="form-control" placeholder="Search Content" />
                        <button type="submit" class="btn btn-default">
                            搜索
                        </button>
                    </form>
                </div>
            </div>
        </nav>
        <div class="container-fluid">
          <div class="row">
			<div class="col-sm-3 col-md-2 sidebar">
				<ul class="nav nav-sidebar">
					<li><a href="main.html">首页</a></li>
				</ul>
				<ul class="nav nav-sidebar">
					<li><a href="./domain-index.html">域管理</a></li>
				</ul>
				<ul class="nav nav-sidebar">
					<li><a href="tag/tag-index.html">标签管理</a></li>
					<li><a href="./wbtSBT.html">课程库</a></li>
					<li><a href="./question/question-bank-index.html">题库</a></li>
					<li><a href="tests.html">测评库</a></li>
				</ul>
				<ul class="nav nav-sidebar">
					<li><a href="statistics/statistics-index.html">数据统计</a></li>
				</ul>
				<ul class="nav nav-sidebar">
					<li><a href="./account/account-index.html">账号管理</a></li>
				</ul>
				<ul class="nav nav-sidebar">
					<li  class="active"><a href="./knowledge-system.html">知识体系</a></li>
				</ul>
			</div>
			
                <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
				<!--路径导航栏开始-->
                    <ol class="breadcrumb">
                        <li>
                            <a href="#">
                                首页
                            </a>
                        </li>
                        <li class="active">
                            知识体系
                        </li>
                    </ol>
				<!--路径导航栏结束-->
				<!--功能导航栏开始-->
                    <nav class="navbar navbar-default" role="navigation">
                        <div class="container-fluid">
                            <!-- Collect the nav links, forms, and other content for toggling -->
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">  
                                <ul class="nav navbar-nav">
                                   
                                    <li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
											aria-expanded="false">
                                            父节点-大众
                                            <span class="caret">
                                            </span>
                                        </a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="#">
                                                    父节点-丰田
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    父节点-现代
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    父节点-宝马
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
									
									 <li>
										&nbsp;&nbsp;<button type="button" class="btn btn-info navbar-btn  " id="add_parent" data-toggle="modal" data-target="#myModal" onclick="addParent();">父节点新增</button>
                                    </li>
                                    <li>
										&nbsp;&nbsp;<button type="button" class="btn btn-info navbar-btn" id="add_child" data-toggle="modal" data-target="#myModal" onclick="addChild();">子节点新增</button>
                                    </li>
                                    <li>
										&nbsp;&nbsp;<button type="button" class="btn btn-info navbar-btn" id="edit_tree"  onclick="edit(alert('1111'));" disabled>  编辑</button>
                                    </li> 
									<li>
										&nbsp;&nbsp;<button type="button" class="btn btn-info navbar-btn " id="delete_tree" onclick="delete(alert('1111'));" >    删除</button>
                                    </li>
                                </ul>
                            </div>
                             
                       
                
					<!--功能导航栏结束-->
				
					<!-- 弹出框开始-->
					<div class="modal fade bs-example-modal-sm" id="myModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
					  <div class="modal-dialog modal-sm">
						<div class="modal-content">
						  <div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
							<h4 class="modal-title" id="myModalLabel"><font color="#000000">父节点新增</font></h4>
						  </div>
						  <div class="modal-body">
							<form action="">
							<div id="userNameDiv" class="form-group has-feedback">
							  <label class="control-label" for="userName">名称</label>
							  <input type="text" class="form-control" id="userName" placeholder="请输入名称">
							  <span id="userNameSpan" class="glyphicon form-control-feedback"></span>
							</div>
							
							</form>
						  </div>
						  <div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary">提交</button>
						  </div>
						</div>
					  </div>
					</div>
					<!--弹出框结束-->
					
					
                    <!-- 树的结构开始-->
                    <div class="tree well">
                        <ul>
                            <li>
                                <span value="0">
                                    <i class="icon-folder-open">
                                    </i>
                                    父节点-大众
                                </span>
						
                                <ul>
                                    <li>
                                        <span value="1">
                                            <i class="icon-minus-sign">
                                            </i>
                                            子节点-一级课程
                                        </span>
                                        <ul>
                                            <li>
                                                <span value="2">
                                                    <i class="icon-leaf">
                                                    </i>
                                                    车窗
                                                </span>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <span   id="3">
                                            <i class="icon-minus-sign">
                                            </i>
                                            子节点二级课程
                                        </span>
                                        <ul>
                                            <li>
                                                <span  id="4">
                                                    <i class="icon-leaf">
                                                    </i>
                                                    检测仪
                                                </span>
                                            </li>
                                            <li>
                                                <span>
                                                    <i class="icon-minus-sign">
                                                    </i>
                                                   万用表
                                                </span>
                                                <ul>
                                                    <li>
                                                        <span>
                                                            <i class="icon-minus-sign">
                                                            </i>
                                                          试卷一
                                                        </span>
                                                        <ul>
                                                            <li>
                                                                <span>
                                                                    <i class="icon-leaf">
                                                                    </i>
                                                                    选择题
                                                                </span>
                                                            </li>
                                                            <li>
                                                                <span>
                                                                    <i class="icon-leaf">
                                                                    </i>
                                                                    判断题
                                                                </span>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li>
                                                        <span>
                                                            <i class="icon-leaf">
                                                            </i>
                                                           试卷二
                                                        </span>
                                                    </li>
                                                    <li>
                                                        <span>
                                                            <i class="icon-leaf">
                                                            </i>
                                                            试卷三
                                                        </span>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li>
                                                <span>
                                                    <i class="icon-leaf">
                                                    </i>
                                                    螺丝刀
                                                </span>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!--树的结构结束-->
                </div>
            </div>
        </div>
    </body>

</html>